<script setup lang="ts">
import { ServicePort } from "@/views/domain/kubeHud/api/k8s/types";

type Prop = {
  ports?: ServicePort[];
};

const props = defineProps<Prop>();
</script>

<template>
  <el-table :data="props.ports" style="width: 100%" table-layout="auto">
    <el-table-column prop="name" label="Name" />
    <el-table-column prop="protocol" label="Protocol" />
    <el-table-column prop="port" label="Port" />
    <el-table-column prop="targetPort" label="Target Port" />
  </el-table>
</template>
<style lang="scss" scoped></style>
